<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>首页</title>
	<link rel="stylesheet" href="../../css/reset.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_1516407_fx9en0nm4fw.css">
	<link rel="stylesheet" href="../../css/shouye.css">
	<link rel="stylesheet" href="../../css/bootstrap.css">

	<style>
		#main {
			width: 100%;
			overflow: hidden;
		}

		#serMain {
			width: 18%;
			float: left;
			margin-top: 10px;
		}

		.setContect {
			width: 100%;
			border: 1px solid #e7e7e7;
			font-size: 16px;
			color: #a9a9a9;
			overflow: hidden;
		}

		.setContect li {
			padding-left: 20px;
			line-height: 38px;
		}

		.setContect .self {
			width: 100%;
			height: 50px;
			font-size: 20px;
			color: #747474;
			line-height: 50px;
			border-bottom: 1px solid #e9e9e9;
		}

		.setContect .setLi span {
			font-size: 15px;
			color: #666666;
		}

		.setContect .setLi ul li {
			padding-left: 0px;
			font-size: 14px;
			color: #a9a9a9;
		}

		.setContect .liSpan {
			font-size: 14px;
			margin-left: 10px;
		}





		#newIframe {
			width: 78%;
			float: right;
			border: 1px solid #e9e9e9;
			margin-left: 2%;
			margin-top:10px;
			margin-bottom: 20px;

		}

		#myIframe {
			border: none;
			margin-bottom: 20px;
			
		}
	</style>
</head>

<body>
	<div class="column">
		<div class="left">
			<span>所在地区：</span>

		</div>

		<div class="right">
			<span>您好,<strong>13027594925</strong></span>
			<span>退出&nbsp;|&nbsp;</span>
			<span>我的订单&nbsp;|&nbsp;</span>
			<span>我的消息&nbsp;|&nbsp;</span>
			<span>我是商家&nbsp;|&nbsp;</span>
			<i class=" icon iconfont icon-dianhua"> </i>
			<strong>400-800-8820</strong>

		</div>
	</div>
	<div class="content">
		<div class="mainbav">
			<div class="log"><img src="../../img/lym/biaoti.png" alt=""></div>
			<div class="input-group1">
				<div class="input-group">
					<input type="text" class="form-control" placeholder="请输入关键字搜索" aria-describedby="basic-addon2">
					<i class="input-group-addon icon iconfont  icon-fangdajing" id="basic-addon2"></i>
				</div>
				<div class="logoHost">
					<span>热门:</span>
					<span>奇异果</span>
					<span>牛排</span>
					<span>山竹</span>
					<span>牛油果</span>
				</div>
			</div>
			<div class="buttonset">

				<div class="logobtn1">
					<i class="icon iconfont icon-gerenzhongxin"></i>
					<strong>购物车</strong>
				</div>
				<div class="logobtn">
					<i class="icon iconfont icon-gouwuche"></i>
					<strong>个人中心</strong>
				</div>
			</div>
		</div>
		<div class="sidar">
			<table>
				<tr>
					<th class="quanbufenlei">
						<div class="btn-group">
							<div class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown"
								aria-haspopup="true" aria-expanded="false">
								全部分类 <span class="caret"></span>
							</div>
							<ul class="dropdown-menu">
								<li> <i></i>新鲜水果 </li>
								<li><i></i> 生猛海鲜</li>
							</ul>
						</div>
					</th>

					<th>首页</th>
					<th>同城</th>
					<th>积分商城</th>
					<th>礼拜五</th>
					<th>导航 +</th>
				</tr>
			</table>

		</div>
		<div class="both"></div>
		<div id="main">
			<div id="serMain">
				<ul class="setContect">
					<li class="self">个人中心</li>
					<li class="setLi" onOff="true">
						<span>交易管理</span>
						<span class=" icon iconfont icon-arrow-bottom liSpan"></span>
						<ul class="one">
							<li>我的账户</li>
							<li>我的订单</li>
							<li>我的积分</li>
							<li>积分订单</li>
							<li>我的钱包</li>
						</ul>
					</li>

					<li class="setLi" onOff="true">
						<span>会员资料 </span>
						<span class=" icon iconfont icon-arrow-bottom liSpan"></span>
						<ul class="two">
							<li>个人资料</li>
							<li> 地址管理</li>
							<li> 我的收藏</li>
							<li> 最近浏览</li>
							<li> 修改密码</li>
						</ul>
					</li>

					<li id="setLi" class="setLi" onOff="true">
						<span>站内信 </span>
						<span class=" icon iconfont icon-arrow-bottom liSpan"></span>
						<ul class="three">
							<li> 我的消息</li>
							<li> 意见反馈</li>
						</ul>
					</li>

				</ul>
			</div>
			
			
			<!--右边栏显示-->
			<div id="newIframe">
				<iframe src="BX-browse.html" id="myIframe" frameborder="0" width="100%" height="100%"
					name="myIframe" scrolling="no"></iframe>
			</div>
			
			
			
			<!--<div id="Nice">

            </div>-->

		</div>

		<div class="footer">
			<div class="merit">
				<ul>
					<li> <i class="icon iconfont icon-baozhang1"></i> 优先保障</li>
					<li> <i class="icon iconfont icon-monitor "></i> 全程监控</li>
					<li><i class="icon iconfont icon-jingxuantehui"></i>礼拜五特惠</li>
					<li><i class="icon iconfont icon-jinpaigongyingshang"></i>基地直供</li>
					<li class="aaa"><i class="icon iconfont icon-zhunshi"></i>准时送达</li>
				</ul>
			</div>
			<div class="both"></div>
			<div class="footera">
				<div class="footera-letf ">
					<div class="imga">
						<img src="../../img/lym/biaoti.png" alt="">
					</div>
					<div class="phone">
						<span>服务时间：08：-22：00</span>
						<i class=" icon iconfont icon-dianhua"> </i>
						<strong>400-800-8820</strong>
					</div>
				</div>
				<div class="weixin">
					<div class="imgb ">
						<img src="../../img/lym/weixin1.jpg" alt="">
						<p>礼拜五官方微信</p>
					</div>
					<div class="imgb">
						<img src="../../img/lym/weixin1.jpg" alt="">
						<p>礼拜五官方微信</p>
					</div>
				</div>
				<div class="tabl">
					<table>
						<tr>
							<th>关于礼拜五</th>
							<th>配送说明</th>
							<th>售后服务</th>
							<th>加盟礼拜五</th>
						</tr>
						<tr>
							<td>新用户注册</td>
							<td>运费说明</td>
							<td>退换货说明</td>
							<td>加盟条款</td>
						</tr>

					</table>

				</div>
			</div>
		</div>
	</div>

</body>

<script src="../../js/jquery-3.4.1.js"></script>

<script>
	let H = function () {
		var iwindow = window.frames.myIframe;
		var ifm = document.getElementById('myIframe');
		// 获取iframe的元素就需要在iframe加载后
		iwindow.onload = function () {
//			console.log(0)
			// iframe.html里面的document
			var idoc = iwindow.document;
			// iframe.html里面的body
			var ibody = idoc.body;
			// iframe.html里面的元素(获取子页面中的元素)
			var iele = iwindow.document.querySelector("#wrap");
			
			if(iele.clientHeight > 626){
				ifm.height = iele.clientHeight;
				
			}else{
				ifm.height =600;
//				$("#newIframe").css("height","624px")
			}
			console.log	(ifm.clientHeight)
//			console.log(idoc, ibody, iele,  ifm.clientHeight);
		};
		setTimeout(H, 10);
	};
	$(function () {
		H();
	})

	
	//左边导航栏的事件
	$(".setLi span").click(function () {

		// console.log($(this).attr("onOff"))
		console.log($(this).parent().attr("onOff"))
		if ($(this).parent().attr("onOff") == "true") {
			$(this).parent().children("ul").css("display", "none");
			$(this).parent().attr("onOff", "false")
		} else {
			$(this).parent().children("ul").css("display", "block");
			$(this).parent().attr("onOff", "true")
		}

	})
	
	//点击左边导航栏进行跳转
	
	$(".one li:eq(0)").click(function(){
		$("#myIframe").attr("src","../Person-JL/My-Account.html")
	})
	$(".one li:eq(1)").click(function(){
		$("#myIframe").attr("src","../Person-JL/My-Order.html")
	})
	$(".one li:eq(2)").click(function(){
		$("#myIframe").attr("src","../Person-JL/My-Points.html")
	})
	$(".one li:eq(3)").click(function(){
		$("#myIframe").attr("src","../Person-JL/Point-Order.html")
	})
	$(".one li:eq(4)").click(function(){
		$("#myIframe").attr("src","../Person-JL/My-Money.html")
	})
	
	
	$(".two li:eq(0)").click(function(){
		$("#myIframe").attr("src","../Person-JL/Person.html")
	})
	$(".two li:eq(1)").click(function(){
		$("#myIframe").attr("src","../Person-JL/Address.html")
	})
	$(".two li:eq(2)").click(function(){
		$("#myIframe").attr("src","../Person-JL/My-Collection.html")
	})
	$(".two li:eq(3)").click(function(){
		$("#myIframe").attr("src","BX-browse.html")
	})
	$(".two li:eq(4)").click(function(){
		$("#myIframe").attr("src","../Person-JL/Change-Password.html")
	})
	
	
	$(".three li:eq(0)").click(function(){
		$("#myIframe").attr("src","../Person-JL/My-News.html")
	})
	$(".three li:eq(1)").click(function(){
		$("#myIframe").attr("src","../Person-JL/Idea.html")
	})
</script>

</html>